/* screen */

/* default */
html { 
  font-size:100%; /* �vite un bug d'IE 6-7. (1) */ 
} 
body {
	color:#313131;
	font-family:Arial, Helvetica, FreeSans, sans-serif;
	font-size:12px;
	line-height:1.2;
	/*background:#748389 url(../images/fond.png) no-repeat scroll 0 0;*/
	background-attachment:fixed;
    background-position:top center; 
	
}
a {
	color:#313131;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
h2 {
	font-size:14px;
	margin-bottom:16px;
}

/* layout principal */
#container {
	margin:0 auto;
	width:980px;
}
#header {
	background: url(../elements/images/header.jpg) no-repeat scroll 0 0;
	color:#4A3813;
	position:relative;
	border-radius: 10px;
	height:192px;
}
#main {
}
#message {
	position:absolute;
	padding:10px;
	background:#000000;
	color:#fff;
	width:auto;
	border:1px solid white;
	font-family: Verdana;
	font-size: 13px;
	font-style: bold;
}

#message2 {
	position:absolute;
	padding:10px;
	background:#000000;
	color:#fff;
	width:auto;
	border:1px solid white;
	font-family: Verdana;
	font-size: 13px;
	font-style: bold;
}

#message4 {
	position:absolute;
	padding:10px;
	width:auto;
	border:1px solid black;
	
}

#message4 table {
	color:#0000;
	opacity: 1;
	font-family: Verdana;
	font-size: 13px;
	font-style: bold;
	}

#content {
	float:left;
	padding-top : 10px;
	padding-bottom : 10px;
	margin-top : 20px;
	
	opacity:0.9;
}
#side {
	float:left;
	width:300px;
	background-color : #e8e5d0;
	margin-top : 20px;
	position:relative;
	left : 20px;
	border-radius: 10px; 
}
#footer {
	background:transparent url(../images/footer-bg.png) no-repeat scroll 0 -120px;
	color:#e8e5d0;
	height:225px;
	position:relative;
}

/* main */
#hd {
	background:transparent url(../images/hd.png) no-repeat scroll 0 0;
	height:5px;
}
#bd {
	background:transparent url(../images/bd.png) repeat-y scroll 0 0;
	padding:5px 10px;
}
#ft {
	background:transparent url(../images/ft.png) no-repeat scroll 0 0;
	height:5px;
}

/* header */
#header .logo {
	padding:30px 0 0 21px;
}
#menu {
	top:91px;
	position:absolute;
	left:270px;
}
#header a {
	color:#4A3813;
}

#right {
    float:right;
    width:180px;
	margin-top: 20px;
}

#right .box {
    width:181px;
    margin:-1px 0 7px 0;
}

#right h2 {
    background:url(/img/global/sidenav.png) no-repeat;
    font-size:12px;
    height:16px;
    line-height:16px;
    margin:0px;
    padding:6px 10px;
    display:block;
    text-decoration:none;
    color:#000;
    letter-spacing:0px;
}

#right h2.ruby {
    background-position:0 -255px;   
    color:#fff; 
}

#right h2.active {
    background-position:0 -192px;   
    color:#fff;     
    height:17px;
}

#newsletter {
	background:url(../elements/images/php.png) no-repeat;
	width:180px;
	height:150px;
	}

#right .inside, #right .box ul {
    background:url(../elements/images/global/sidenav_strip.jpg) no-repeat;
}

#right .gradient {
    background:#f0f6f7 url(/img/global/gradient/h300.png) repeat-x; 
    margin:0 3px;   
    padding:6px 8px;
}

#right .gradient.ruby {
    background:#fff url(/img/global/gradient/h150.png) repeat-x;
}

#right .clear {
    background:url(/img/global/sidenav.png) no-repeat 0 -353px;
    height:10px;    
}


/* box content */
#right .box ul {
    margin:0;
    padding:0;
}

#right .box li {    
    list-style-type:none;       
}

#right .box a {
    display:block;
    padding:5px 8px;
    border-bottom:1px solid #ddd;
    text-decoration:none;   
    font-size:11px;
    margin:0px 3px;
}

#right .box a:hover {
    background-color:#efefef;
    color:black;
}



#right .box a.selected, #right .box a.selected:hover {
    background-color:#666;
    color:#fff;
    cursor:default;
}

#right .box input.text {
    width:150px;        
}
h3 {color: #111;
font-size: 14px;
font-weight: bold;}
.tools #right a {
    color:#00559E;      
}


#rightnav a {
    display:block;      
    padding:4px 6px;
    border-bottom:1px dotted #ccc;
    text-decoration:none;
}
#rightnav h3 {
    border-bottom:1px solid #666;
    margin-bottom:5px;
}


a {
    color:#295c72;      
    outline:none;
}


ul.menu li {
	float:left;
}

#language {
	position:absolute;
	top:15px;
	right:5px;
}
#language a {
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
}

/* pubs */
#header .pub, #footer .pub {
	background:transparent url(../images/publicite-vertical-fr.png) no-repeat scroll 0 0;
	left:288px;
	padding:0 20px;
	position:absolute;
}
#header .pub {
	top:10px;
}
#footer .pub {
	top:30px;
}

/* content default */
#content h2 {
	font-size:22px;
	font-weight:normal;
}
#content h3 {
	font-size:20px;
	font-weight:normal;
	margin-bottom:7px;
}

.darkgrey {
	background-color:#333333;
	color:#ffcc00;
}
.lightgrey {
	background-color:#f7f6ee;
}
.yellow {
	background-color:#ffcc00;
}
.texte {
	padding:10px;
}
.texte p {
	margin-bottom:1em;
}

#search {
	float:left;
	width:300px;
	background-color : #e8e5d0;
	margin-top : 20px;
	position:relative;
	left : 20px;
	border-radius: 10px; }
	
#search	input{
	height : 20px;
	position : relative;
	bottom : 15px;
	margin-left : 10px;
	background: transparent;
	}

/* breadcrumb */
#breadcrumb {
	padding-left:23px;
	background:transparent url(../images/breadcrumb.png) no-repeat scroll 0 0;
	margin-bottom:10px;
}
#breadcrumb li {
	background:transparent url(../images/slash.png) no-repeat scroll 0 4px;
	display:inline;
	padding-left:8px;
	margin-left:3px;
}
#breadcrumb li.first {
	background:none;
	padding-left:0;
	margin-left:0;
}
/* home */
.home .box {
	margin-right:10px;
}
.home .last {
	margin-right:0;
}
.home .content {
	height:548px;
	padding:10px 0 10px 10px;
}
.home .une, .home .vignette {
	float:left;
	background-color:#eeecdc;
	color:#313131;
}
.home .une:hover, .home .vignette:hover {
	background-color:#ffcc00;
}
.home .une h3 {
	font-size:20px;
	font-weight:normal;
	padding:10px;
}
.home .une p {
	padding:10px;
}
.home .une .more {
	padding:10px;
}
.home .une {
	height:548px;
	width:240px;
}
.home .vignette h4 {
	padding:10px;
}
.home .vignette p {
	padding:10px;
}
.home .vignette {
	height:176px;
	width:120px;
}
.vignette .plus {
	background:transparent url(../images/corner-plus.png) no-repeat scroll 0 0;
	display:block;
	height:32px;
	position:absolute;
	bottom:0;
	right:0;
	width:32px;
}



/* footer */
#footer a {
	color:#e8e5d0;
}
#footer .logo {
	left:20px;
	position:absolute;
}
#footer-main {
	position:absolute;
	top:117px;
	width:100%;
	height:50px;
}
#footer-main .menu {
	height:25px;
	clear:left;
}
#footer-main .menu .label {
	font-weight:bold;
	width:60px;
}
#footer-main .menu li {
	margin-right:15px;
}
#menu-footer {
	position:absolute;
	left:260px;
}
a#facebook {
	font-size:9px;
	line-height:23px;
	position:absolute;
	right:15px;
	text-transform:uppercase;
}

#facebook img {
	position:relative;
	top:5px;
}
#copyright {
	bottom:20px;
	left:20px;
	position:absolute;
}
#legal {
	bottom:20px;
	position:absolute;
	right:15px;
}
#legal li {
	background:transparent url(../images/sep.png) no-repeat scroll 100% 2px;
	padding:0 7px 0 5px;
}
#footer a {
	text-decoration:none;
}
#footer .menu a:hover {
	text-decoration:underline;
}
#legal li.last {
	padding-right:0;
	background:none;
}

/* side */
#side h3 {
	font-size:18px;
	font-weight:normal;
	padding:0 10px;
}
#side h3 a {
	display:block;
	float:right;
}
#side h4 {
	background:#242424 url(../images/eeecdc-top.png) no-repeat scroll 0 0;
	clear:left;
	margin-top:10px;
}
#side h4 a {
	background:transparent url(../images/eeecdc-bottom.png) no-repeat scroll 0 100%;
	color:#eeecdc;
	display:block;
	font-weight:normal;
	font-size:12px;
	padding:3px 10px;
	text-decoration:none;
}
#side .actualites {
	font-size:11px;
}
#side .actualites .content {
	padding:5px 10px 5px 10px;
}
#side .actualites .content p {
}
#side .actualites .content img {
	border:1px solid #313131;
	display:block;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	height:75px;
}
#side .actualites .more {
	clear:left;
	text-align:right;
	padding:5px 10px;
}
#side .actualites .more a.first {
	float:left;
	font-size:9px;
	line-height:17px;
	text-transform:uppercase;
}
#side .actualites .more a.first img {
	position:relative;
	top:2px;
}
#side .actualites .more a.second {
	text-decoration:underline;
	line-height:17px;
}

/* forms */
fieldset.inline .field {
	float:left;
}
fieldset.inlineblock .field {
	float:left;
	padding-bottom:5px;
}
label {
	display:block;
	height:20px;
	line-height:20px;
}
fieldset.inline label {
	display:block;
	float:left;
	width:75px;
	padding-right:10px;
}
fieldset.inlineblock label {
	display:block;
	padding-right:10px;
}
input {
	color:#313131;
}
div.submit {
	background:transparent url(../images/bouton-left.png) no-repeat scroll 0 0;
	height:21px;
	position:relative;
}
input.submit {
	display:block;
	position:absolute;
	background:transparent url(../images/bouton-right.png) no-repeat scroll 100% 0;
	border:none;
	cursor:pointer;
	font-size:9px;
	font-weight:bold;
	height:21px;
	position:relative;
	text-transform:uppercase;
	outline:none;
}
div.arrow {
	background:transparent url(../images/bouton-arrow-left.png) no-repeat scroll 0 0;
	height:24px;
	position:relative;
	float:right;
}
div.arrow input.submit {
	background:transparent url(../images/bouton-arrow-right.png) no-repeat scroll 100% 0;
	height:24px;
}
.radios label {
	display:inline;
	float:none;
}
.remarques {
	font-size:11px;
	color:#e8e5d0;
}
.field {
	margin-right:30px;
}


/* rounded corners */
.rounded {
	position:relative;	
}
.rounded .tl, .rounded .tr, .rounded .bl, .rounded .br {
	height:5px;
	position:absolute;
	width:5px;
}
.rounded .tl, .rounded .tr {
	top:0;
}
.rounded .tl, .rounded .bl {
	left:0;
}
.rounded .tr, .rounded .br {
	right:0;
}
.rounded .bl, .rounded .br {
	bottom:0;
}
/* rounded corners: background eeecdc */
.rounded .tl {background:transparent url(../images/rounded-eeecbc-tl.png) no-repeat scroll 0 0;}
.rounded .tr {background:transparent url(../images/rounded-eeecbc-tr.png) no-repeat scroll right 0;}
.rounded .bl {background:transparent url(../images/rounded-eeecbc-bl.png) no-repeat scroll 0 bottom;}
.rounded .br {background:transparent url(../images/rounded-eeecbc-br.png) no-repeat scroll right bottom;}

/* rounded corners: background 333333 */
.darkgrey .rounded .tl {background:transparent url(../images/rounded-333333-tl.png) no-repeat scroll 0 0;}
.darkgrey .rounded .tr {background:transparent url(../images/rounded-333333-tr.png) no-repeat scroll right 0;}
.darkgrey .rounded .bl {background:transparent url(../images/rounded-333333-bl.png) no-repeat scroll 0 bottom;}
.darkgrey .rounded .br {background:transparent url(../images/rounded-333333-br.png) no-repeat scroll right bottom;}

/* tab bar */
.tabbar {
	background:transparent url(../images/tabbar.png) no-repeat scroll 0 0;
	clear:left;
	height:39px;
	padding:0 10px;
}
.tabbar h2 {
	float:left;
	margin:7px 10px 0 0;
}
.tabbar .option {
	font-size:11px;
	float:left;
	margin:15px 20px 0 0;
}
.tabbar .menu {
	padding-top:6px;
	position:relative;
	float:right;
}
.tabbar .menu li {
}
.tabbar .menu a {
	float:left;
	font-weight:bold;
	padding:0 10px;
	text-transform:uppercase;
	height:33px;
	line-height:33px;
}
.tabbar .menu li.active {
	background:transparent url(../images/tab-left.png) no-repeat scroll 0 0;
}
.tabbar .menu li.active a {
	background:transparent url(../images/tab-right.png) no-repeat scroll 100% 0;
	color:#eeecdc;
	display:block;
}

/* pagination */
.pagination {
	float:right;
	font-weight:bold;
	font-size:11px;
}
.pagination li {
	display:block;
	float:left;
	margin-left:1px;
}
.pagination li a {
	background:#C0BCA0 url(../images/pagination.png) no-repeat scroll 0 0;
	display:block;
	float:left;
	width:21px;
	height:22px;
	line-height:22px;
	text-align:center;
}
.pagination li.previous a {
	background:#C0BCA0 url(../images/pagination-previous.png) no-repeat scroll 0 0;
}
.pagination li.next a {
	background:#C0BCA0 url(../images/pagination-next.png) no-repeat scroll 0 0;
}
.pagination li a:hover {
	background-color:#ffcc00;
}
.pagination li.active a {
	background-color:#313131;
	color:#eeecdc;
}

/* actualit�s */
.actu {
	clear:left;
	padding:0 0 20px 0;
}
.actu .date {
	background:transparent url(../images/date.png) no-repeat scroll 0 0;
	float:left;
	width:40px;
	height:30px;
	padding:30px 12px 8px 12px;
	font-size:11px;
	font-weight:bold;
	text-align:center;
}
.actu .content {
	float:left;
	width:586px;
}
.actu .content .image {
	background-color:#313131;
	float:left;
	height:145px;
	margin-bottom:10px;
	margin-right:10px;
	padding:10px;
	text-align:center;
	width:225px;
}
.actu .content .summary {
	background-color:#f7f6ee;
	float:left;
	height:145px;
	margin-bottom:10px;
	padding:10px;
	width:311px;
}
.big .content .summary {
	width:566px;
}
.actu .content a{
	text-decoration:underline;
}
.actu .tags {
	margin-top:10px;
}
.actu .tags li {
	display:inline;
}
.actu .tags li a {
	padding:1px 5px;
	background:#ffcc00;
	text-decoration:none;
	font-weight:normal;
	font-size:11px;
}
.categorie {
	display:block;
	margin-top:10px;
	padding-left:20px;
	height:16px;
	line-height:16px;
	background:transparent url(../images/categorie.png) no-repeat scroll 0 0;
}
.article .content .image {
	display:block;
	float:none;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	width:380px;
}
.article .content .summary {
	float:none;
	width:auto;
	height:auto;
}

/* espaces */
.espace {
	background-color:transparent;
	background-image:url(../images/espaces.png);
	background-repeat:no-repeat;
	background-attachment:scroll;
	color:#313131;
	float:left;
	height:210px;
	margin:0 10px 10px 0;
	padding:10px;
	position:relative;
	width:135px;
}
.espace:hover {
	color:#ffcc00;
}
.espace a {
	display:block;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:1;
}
.espace p {
	font-weight:bold;
	position:absolute;
	top:175px;
}
.particulier {
	background-position:0 0;
}
.education {
	background-position:-155px 0;
}
.association {
	background-position:-310px 0;
}
.entreprise {
	background-position:-465px 0;
}
.particulier:hover {
	background-position:0 -230px;
}
.education:hover {
	background-position:-155px -230px;
}
.association:hover {
	background-position:-310px -230px;
}
.entreprise:hover {
	background-position:-465px -230px;
}

/* seance */
.seance .texte {
	float:left;
	width:465px;
}
.seance .tabbar .menu {
	float:left;
}
.seance .content {
	padding:10px;
}
.seance .content p {
	margin-bottom:10px;
	color:#f7f6ee;
}
.liste {
	clear:both;
}
.liste .odd {
	background-color:#ffffff;
}
.liste .pair {
	background-color:#f7f6ee;
}
.liste .image {
	float:left;
	width:120px;
	margin-right:10px;
}
.liste .infos-summary {
	float:left;
	width:310px;
	margin-right:10px;
}
.liste .infos-bis {
	float:left;
	width:180px;
}
.fiche .infos-summary {
	float:left;
	width:310px;
}
.fiche .infos-bis {
	float:left;
	margin-right:10px;
	width:310px;
}

.liste .resultats {
	font-size:24px;
	margin-bottom:10px;
}
.liste .tri {
	float:right;
	margin-right:20px;
	margin-top:3px;
}
#recherche-pattern {
	width:350px;
}
.field {
	margin-bottom:10px;
}
.fiche .image {
	text-align:center;
	width:350px;
	margin-left:auto;
	margin-right:auto;
}
.infos-bis h4 {
	font-size:12px;
}
.infos-bis table th {
	text-align:left;
	padding-right:10px;
}
.infos-bis table td {
	vertical-align:top;
}
.guestbook {
	border-top:1px solid #c0bca0;
	margin-top:20px;
	padding-top:20px;
}
.exploitant .image {
	float:left;
	margin-right:10px;
	width:180px;
}
.exploitant .infos {
	float:left;
	width:460px;
}
.exploitant h4 {
	margin-bottom:5px;
}
.exploitant p {
	margin-bottom:5px;
	font-style:italic;
}
.exploitant .menu li {
	padding-right:5px;
	border-right:1px solid #313131;
	margin-right:5px;
	line-height:12px;
	font-size:12px;
}
.exploitant .menu li.last {
	margin-right:0;
	border-right:none;
}
.exploitant .menu a {
	text-decoration:underline;
}
.guestbook h4 {
	margin-bottom:5px;
}
.abus {
	background:transparent url(../images/abus.png) no-repeat scroll 0 0;
	padding-left:20px;
}
.clear {
	clear:both;
}
.box {
	margin-bottom:10px;
}

.last {
	margin-right:0;
}




<!--[if lte IE 6]>
/*
#container {zoom:1;}
#header {zoom:1;}
#main {zoom:1;}
#content {zoom:1;}
#side {zoom:1;}
#footer {zoom:1;}
*/


.rounded {
	zoom:1;
}
.rounded .tl, .rounded .tr, .rounded .bl, .rounded .br {
	height:5px;
	position:absolute;
	width:5px;
}
<![endif]-->
